<template>
	<div id="help">
		<div id="header">
			<img src="../../static/img/return.png" @click="helpAnswer == 0?$router.go(-1):helpAnswer = 0"/>
			<p>客服与帮助</p>
		</div>
		<div v-show="helpAnswer == 0" class="help_1">
			<router-link to="/user/helpProcess" class="help_1_item">
				<img src="../../static/img/help-01.png"/>
				<div class="help_1_text">
					<p>试用流程</p>
					<p>申请、下单、返还 </p>
				</div>
			</router-link>
			<router-link to="/user/spokesman" class="help_1_item">
				<img src="../../static/img/help-02.png"/>
				<div class="help_1_text">
					<p>代言人问题</p>
					<p>分享赚钱</p>
				</div>
			</router-link>
			<router-link to="/user/account" class="help_1_item">
				<img src="../../static/img/help-03.png"/>
				<div class="help_1_text">
					<p>账号安全</p>
					<p>修改密码、手机</p>
				</div>
			</router-link>
			<router-link to="/user/service" class="help_1_item">
				<img src="../../static/img/help-04.png"/>
				<div class="help_1_text">
					<p>联系客服</p>
					<p>工作日9点-6点</p>
				</div>
			</router-link>
		</div>
		<div v-show="helpAnswer == 0" class="help_2">
			<div @click="helpNum = 1" class="help_2_title">
				<div class="item_left">
					<img src="../../static/img/help-05.png"/>
					<p>新人问题</p>
				</div>
				<img src="../../static/img/my-12.png"/>
			</div>
			<ul :style="helpNum == 1?'height:21rem':'height:0'" class="help_2_list">
				<li @click="helpAnswer = 1">如何提高中奖率？</li>
				<li @click="helpAnswer = 2">申请试用需要什么条件？</li>
				<li @click="helpAnswer = 3">申请需要交钱吗？</li>
				<li @click="helpAnswer = 4">如何保障我的资金安全？</li>
				<li @click="helpAnswer = 5">申请一定会中奖？</li>
				<li @click="helpAnswer = 6">如何获得金币？</li>
				<li @click="helpAnswer = 7">金币可以用来做什么？</li>
			</ul>
			<div @click="helpNum = 2" class="help_2_title">
				<div class="item_left">
					<img src="../../static/img/help-06.png"/>
					<p>申请问题</p>
				</div>
				<img src="../../static/img/my-12.png"/>
			</div>
			<ul :style="helpNum == 2?'height:21rem':'height:0'" class="help_2_list">
				<li @click="helpAnswer = 8">每天最多可以得到几个商品呢？</li>
				<li @click="helpAnswer = 9">申请的试用什么时候开奖呢？</li>
				<li @click="helpAnswer = 10">高价值试用商品和普通试用商品有什么区别？</li>
				<li @click="helpAnswer = 11">如何查看我是否中奖？</li>
				<li @click="helpAnswer = 12">截图上传错了怎么办？</li>
				<li @click="helpAnswer = 13">忘记加购物车找不到商品了怎么办？</li>
				<li @click="helpAnswer = 14">中奖商品需要返还给商家吗？</li>
			</ul>
			<div @click="helpNum = 3" class="help_2_title">
				<div class="item_left">
					<img src="../../static/img/help-07.png"/>
					<p>下单问题</p>
				</div>
				<img src="../../static/img/my-12.png"/>
			</div>
			<ul :style="helpNum == 3?'height:15rem':'height:0'" class="help_2_list">
				<li @click="helpAnswer = 15">中奖商品有下单时间限制要求吗？</li>
				<li @click="helpAnswer = 16">下单时可以使用信用卡付款吗？</li>
				<li @click="helpAnswer = 17">下单金额与任务金额不一致怎么办？</li>
				<li @click="helpAnswer = 18">下单时可以随意选择规格下单吗？</li>
				<li @click="helpAnswer = 19">我不小心使用了淘宝客下单怎么办？</li>
			</ul>
			<div @click="helpNum = 4" class="help_2_title">
				<div class="item_left">
					<img src="../../static/img/help-08.png"/>
					<p>收货评价问题</p>
				</div>
				<img src="../../static/img/my-12.png"/>
			</div>
			<ul :style="helpNum == 4?'height:15rem':'height:0'" class="help_2_list">
				<li @click="helpAnswer = 20">商家不发货？</li>
				<li @click="helpAnswer = 21">试用商品对评价有什么要求吗？</li>
				<li @click="helpAnswer = 22">收到商品质量有问题怎么办？</li>
				<li @click="helpAnswer = 23">收到商品是空包怎么办？</li>
				<li @click="helpAnswer = 24">收到商品与任务商品不一致怎么办？</li>
			</ul>
			<div @click="helpNum = 5" class="help_2_title">
				<div class="item_left">
					<img src="../../static/img/help-09.png"/>
					<p>提现问题</p>
				</div>
				<img src="../../static/img/my-12.png"/>
			</div>
			<ul :style="helpNum == 5?'height:6rem':'height:0'" class="help_2_list">
				<li @click="helpAnswer = 25">提现说明</li>
				<li @click="helpAnswer = 26">赶紧试提现已经显示交易成功，为何没有收到？</li>
			</ul>
			<div @click="helpNum = 6" class="help_2_title">
				<div class="item_left">
					<img src="../../static/img/help-10.png"/>
					<p>用户规则</p>
				</div>
				<img src="../../static/img/my-12.png"/>
			</div>
			<ul :style="helpNum == 6?'height:9rem':'height:0'" class="help_2_list">
				<router-link :to="{path:'/agreement',query:{type:1}}"><li>赶紧试用户服务协议</li></router-link>
				<router-link :to="{path:'/agreement',query:{type:2}}"><li>法律声明及隐私政策</li></router-link>
				<router-link :to="{path:'/agreement',query:{type:3}}"><li>赶紧试用户规则</li></router-link>
			</ul>
			<div @click="helpNum = 7" class="help_2_title">
				<div class="item_left">
					<img src="../../static/img/help-11.png"/>
					<p>其他问题</p>
				</div>
				<img src="../../static/img/my-12.png"/>
			</div>
			<ul :style="helpNum == 7?'height:3rem':'height:0'" class="help_2_list">
				<li @click="helpAnswer = 27">收不到消息通知怎么办？</li>
			</ul>
		</div>
		<div v-show="helpAnswer != 0" class="help_3">
			<div v-if="helpAnswer == 1">
				<p>1 在平台保持活跃，多签到，多申请活动，活动申请的越频繁，中奖后能够按时领奖，中奖率也就越高</p>
				<p>2 首次申请免费试用的用户，99%中奖</p>
				<p>3 申请越多，中奖概率越高；（继续任务的中奖率会远高于初次申请的中奖率）</p>
				<p>4 完善个人信息，开通会员，中奖率提升10%</p>
				<p>5 试用通过不下单，会减少您之后的中奖概率！</p>
			</div>
			<div v-else-if="helpAnswer == 2">
				<p>只需注册赶紧试用户账号并填写自己淘宝账号，然后就可以去申请喜欢的试用商品了，申请越多，中奖概率越大。</p>
			</div>
			<div v-else-if="helpAnswer == 3">
				<p>申请是不需要花钱的哦，赶紧试的所有商品都是免费送的，只需注册赶紧试用户账号，就可以开启免费试用之旅啦！</p>
			</div>
			<div v-else-if="helpAnswer == 4">
				<p>赶紧试平台都是通过ICP备案的，安全有保障！</p>
			</div>
			<div v-else-if="helpAnswer == 5">
				<p>首次申请新人必中100%中奖，普通试用虽然申请不能保证一定中奖，但是大部分商品平台都会提供2次的抽奖机会，中奖概率还是相当高的呢，如果您心仪的商品没有中奖的话， 还可以申请其他商品，平台有多种多样的商品供您选择，申请越多中奖概率越高哦。</p>
			</div>
			<div v-else-if="helpAnswer == 6">
				<p>1.新用户：</p>
				<p>注册：送200金币</p>
				<p>完成首单：送2000金币</p>
				<p>2.签到：若中途断签需重新计算<br>第一天：送5金币<br>第二天：送10金币<br> 第三天：送15金币<br>第四天：送20金币</p>
				<p>3.申请完成免费试用<br> 一天内申请10个免费试用(一天仅送一次,次日赠送)：送200金币<br>周一到周日完成10次活动：送200金币，一周只送1次(每周一赠送)</p>
				<p>4.邀请：<br>成功邀请好友完成注册：送100金币<br>邀请好友并且完成首单送2000金币<br>邀请好友并且申请3次试用：送100金币</p>
			</div>
			<div v-else-if="helpAnswer == 7">
				<p>1.金币可以参与每日的金币抽大奖活动；<br>2.金币可以兑换会员<br>3.金币可以获得试用品必中资格</p>
			</div>
			<div v-else-if="helpAnswer == 8">
				<p>普通用户每天最多可中奖1个商品，VIP用户每天最多可中奖3个商品，90%以上的用户都是VIP会员，建议您直接加入vip会员哦。</p>
			</div>
			<div v-else-if="helpAnswer == 9">
				<p>当天申请的任务于第二天早上10点开奖，或当天晚上21:00开奖</p>
			</div>
			<div v-else-if="helpAnswer == 10">
				<p>普通试用操作一次后即可获取抽奖机会。</p>
				<p>高价值试用需要根据实际情况操作相应天数，方可获取抽奖机会。</p>
			</div>
			<div v-else-if="helpAnswer == 11">
				<p>可以在活动列表查看自己是否中奖，如果没有中奖可以选择继续做任务提高下次开奖的中奖率</p>
			</div>
			<div v-else-if="helpAnswer == 12">
				<p>如果在做任务过程中截图上传错了，请点击我的精选，宝贝图片，进入订单详情重新上传</p>
			</div>
			<div v-else-if="helpAnswer == 13">
				<p>如果在做任务商品忘记加入购物车，请第一时间联系在线客服QQ：800856669协助处理。</p>
			</div>
			<div v-else-if="helpAnswer == 14">
				<p>中奖的商品是无需返还给商家的呢。</p>
			</div>
			<div v-else-if="helpAnswer == 15">
				<p>通过试用审核商品后：10点通过的请在当天21：00前下单领取，超时系统将取消中奖资格，21点通过的请在当天24：00前下单领取，超时系统将取消中奖资格，多次放弃领取会降低中奖率。</p>
			</div>
			<div v-else-if="helpAnswer == 16">
				<p>下单时严禁使用淘金币、天猫积分、集分宝、信用卡、花呗、余额宝分期、京东白条等方式付款（赶紧试指定可使用除外）。</p>
			</div>
			<div v-else-if="helpAnswer == 17">
				<p>任务均有客服确认审核以后才能上线，部分商家会设定满立减或下单立减等活动，请先提交订单查看价格情况，若价格没有变更，联系在线客服QQ：800856669核实处理。</p>
			</div>
			<div v-else-if="helpAnswer == 18">
				<p>部分商品商家发布时有规格限制，下单领取时只能根据商家指定规格下单；如无限制可以选择任意规格下单。</p>
			</div>
			<div v-else-if="helpAnswer == 19">
				<p>下单时如不小心使用淘宝客、淘金币、花呗等下单，请及时联系系在线客服QQ：800856669处理，否则将针对《用户处罚规则》进行处罚哦。</p>
			</div>
			<div v-else-if="helpAnswer == 20">
				<p>赶紧试的发货期一般是72小时的哦。发货期内请不要催促商家发货，超过72小时发货期的，您可以直接旺旺咨询下商家发货时间，不要提及赶紧试、试用等字眼。若仍未解决，联系赶紧试在线客服QQ：800856669协助处理。</p>
			</div>
			<div v-else-if="helpAnswer == 21">
				<p>收到商品后，用户需要根据商品给予合理的评价：</p>
				<p>①评价需遵守如实客观且有针对性的原则，用户不允许提交不客观、不真实、毫无针对性的评价，如恶意评价、复制他人评价等。</p>
				<p>②用户不允许在交易平台的评价中打广告、提及赶紧试、免费试用等评价。</p>
				<p>③晒图必须真实原创，且清晰的、与活动商品相一致的图片，不允许盗用他人或商家店铺商品宣传图片进行晒图。</p>
			</div>
			<div v-else-if="helpAnswer == 22">
				<p>如果收到的试用商品有质量问题，或者有破损，请联系商家QQ协商调换，如商家不予以更换可联系在线客服QQ：800856669协调处理。</p>
			</div>
			<div v-else-if="helpAnswer == 23">
				<p>没有收到商品可先联系店家客服和快递核实情况，若系快递运输途中丢失则由快递赔付商家重新补发；若收到的包裹为空包请联系在线客服QQ: 800856669核实处理。</p>
			</div>
			<div v-else-if="helpAnswer == 24">
				<p>若收到的试用商品和平台展示的不一致，请先核查该试用商品是否有指定规格；若无指定规格请联系在线客服QQ: 800856669核实处理</p>
			</div>
			<div v-else-if="helpAnswer == 25">
				<p>1.每天提现次数最多1次</p>
				<p>2.平台按提现金额收取3%/笔的手续费，每笔手续费最低1元，由系统代收。（10月31号前，提现完全免费，不收取手续费）</p>
			</div>
			<div v-else-if="helpAnswer == 26">
				<p>首先确认下您查询的提现卡号是否跟赶紧试绑定的为同一卡号。若一致，请联系赶紧试在线客服QQ：800856669核实处理。</p>
			</div>
			<div v-else-if="helpAnswer == 27">
				<p>首先检查是否取消关注了赶紧试的微信，如果取消了请重新关注并绑定消息通知</p>
				<p>查看短信是否被手机系统拦截，如果短信被拦截请把赶紧试的号码重新设置为白名单</p>
				<p>假设以上两种方式都没能解决问题，请联系我们的客服处理</p>
			</div>
		</div>
	</div>
</template>

<script>
export default {
	name: 'help',
	data: function(){
		return{
			helpNum: 1,//第几条打开
			helpAnswer: 0,//帮助内容显示第几条
		}
	},
}
</script>

<style scoped>
/* ========== */
/* = Header = */
/* ========== */
#header{
	width: 100%;
	background-color: #fff;
	position: fixed;
	top: 0;
	left: 0;
	height: 4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border-bottom: 1px solid #EEEEEE;
	font-size: 1.6rem;
	color: #4F4F4F;
	box-sizing: border-box;
	z-index: 10;
}
#header img{
	height: 2rem;
	display: block;
	position: absolute;
	top: 1rem;
	left: 2rem;
}
#help{
	padding-top: 4rem;
	min-height: 100%;
	box-sizing: border-box;
}

.help_1{
	display: flex;
	flex-wrap: wrap;
	background-color: #fff;
	margin-top: 1rem;
}
.help_1 .help_1_item{
	width: 50%;
	display: flex;
	align-items: center;
	padding: 1rem;
	padding-left: 1.5rem;
	box-sizing: border-box;
}
.help_1 .help_1_item img{
	height: 3rem;
	display: block;
	margin-right: 0.5rem;
}
.help_1 .help_1_item:nth-child(1),
.help_1 .help_1_item:nth-child(2){
	border-bottom: 1px dashed #EEEEEE;
}
.help_1 .help_1_item:nth-child(2n-1){
	border-right: 1px dashed #EEEEEE;
}
.help_1 .help_1_item .help_1_text p:first-child{
	font-size: 1.2rem;
	color: #4F4F4F;
	margin-bottom: 0.5rem;
}
.help_1 .help_1_item .help_1_text p:last-child{
	font-size: 1rem;
	color: #A9A9A9;
}
/*---------问题列表-----------*/
.help_2{
	margin-top: 1rem;
}
.help_2 .help_2_title{
	background-color: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 3.4rem;
	padding: 0 1rem;
	box-sizing: border-box;
	border-bottom: 1px solid #EEEEEE;
}
.help_2 .help_2_title>img{
	height: 1.4rem;
}
.help_2 .help_2_title .item_left{
	display: flex;
	align-items: center;
	font-size: 1.2rem;
	color: #4F4F4F;
}
.help_2 .help_2_title .item_left img{
	height: 2rem;
	display: block;
	margin-right: 1rem;
}
.help_2 .help_2_title .item_left p{
	white-space: nowrap;
}
.help_2 .help_2_list{
	overflow: hidden;
	transition: 0.5s;
}
.help_2 .help_2_list li{
	background-color: #F5F5F5;
	height: 3rem;
	padding: 0 4rem;
	box-sizing: border-box;
	border-bottom: 1px dashed #dddddd;
	display: flex;
	align-items: center;
	font-size: 1.2rem;
	color: #787878;
	white-space: nowrap;
}
.help_2 .help_2_list li:last-child{
	border-bottom: none;
}
/*----------帮助内容-----------*/
.help_3{
	height: calc(100vh - 4rem);
	background-color: #fff;
	padding: 1.5rem;
	box-sizing: border-box;
	font-size: 1.2rem;
	color: #4F4F4F;
	display: flex;
	align-items: center;
}
.help_3>div{
	margin-top: -15%;
}
</style>